<template>
	<view>
		<view class="box">
			<view class="box-box">
				<h3>合同文件</h3>
				<button>+添加合同文件</button>
			</view>
		</view>
		
		<view class="box">
			<view class="box-box">
				<h3>签署方</h3>
				<button>+添加签署方</button>
			</view>
		</view>
		
		<view class="box">
			<view class="box-box">
				<h3>合同名称</h3>
				<input type="text" placeholder="请输入合同名称">
			</view>
		</view>
		
		<view class="kk">
			更多合同设置
		</view>
		
		<view class="fudong">
			<view style="float: left;">
				
			</view>
			<view style="float: right;">
				<button>签署</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
page{
	background-color: #F7F7F9;
}
</style>

<style scoped>
	.fudong>view>button{
		width: 267px;
		height: 44px;
		background: #1890FF;
		border-radius: 4px;
		color: 
		#FFFFFF;
	}
	.fudong{
		width: 100%;
		height: 48px;
		background-color: #FFFFFF;
		position: fixed;
		bottom: 0;
		left: 0;
	}
	.kk{
		background-color: #FFFFFF;
		width: 100%;
		height: 48px;
		line-height: 48px;
		text-align: center;
		font-size: 13px;
		color: #999;
	}
	.box{
		width: 100%;
		background: #FFFFFF;
		margin-bottom: 10px;
		padding-bottom: 50px;
	}
	.box-box{
		width: 90%;
		margin: 0 auto;
		padding-top: 10px;
	}
	.box-box>button{
		width: 123px;
		height: 34px;
		background: #1890FF;
		border-radius: 4px;
		margin: 0 auto;
		color: #FFFFFF;
		line-height: 34px;
		font-size: 16px;	
		margin-top: 30px;
	}
		.box-box>input{
			height: 50px;
			width: 200px;
			margin-top: 20px;
			border-bottom: 1px solid #EEEEEE;
		}
</style>
